<!DOCTYPE html>
<html ng-app>
<head>
	<title>Angular course</title>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js" type="text/javascript"></script>
</head>
<body >

	<input type="radio" name="tipo" ng-model="tipo" value="persona" ng-click="p_nombre = ''"> Persona</input>

	<input type="radio" name="tipo" ng-model="tipo" value="animal" ng-click="p_nombre = ''"> Animal</input>


<br>

<div ng-show="tipo == 'persona'">
	Nombre <input type="text" name="nombre" ng-model="p_nombre"> </input>
	<br>
	Edad <input type="text" name="edad" ng-model="p_edad"> </input>
	<br>
	Ciudad <input type="text" name="ciudad" ng-model="p_ciudad"> </input>
</div>

<div ng-show="p_nombre != ''"></div>

<div ng-show="tipo == 'animal'">
	Nombres <input type="text" name="nombre" ng-model="p_nombre"> </input>
	<br>
	Edades <input type="text" name="edad" ng-model="p_edades"> </input>
	<br>
	Ciudades <input type="text" name="ciudad" ng-model="p_ciudades"> </input>
</div>



</body>
</html>
